<template>
  <div class="hometop">
    <!-- 首页头部 -->
    <div class="beijing">
      <van-icon name="wap-nav" />
      北京市
    </div>
    <van-search show-action placeholder="龙卡优惠666" class="sousuo">
      <template #action> </template>
    </van-search>
    <div class="img">
      <img src="../../../public/wkcimg/images/1 (1).jpg" alt="" />
    </div>
    <van-icon name="plus" class="add" />
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
.hometop {
  width: 92%;
  height: 0.3rem;
  background-color: white;
  display: flex;
  position: fixed;
  z-index: 999;
  left: 0.17rem;
 
  
  .beijing {
    font-size: 0.14rem;
    line-height: 0.3rem;
  }
  .sousuo {
    width: 2rem;
    height: 100%;
    border-radius: 0.5rem;
    background-color: #f8f8f8;
    
  }
  .img {
    width: 0.34rem;
    height: 0.28rem;
    font-size: 0;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .add {
    font-size: 0.2rem;
    margin-left: 0.1rem;
  }
}
</style>